@charset "utf-8";

/*
@font-face{ font-family: PingFangSC-Regular; src: url(../fonts/PINGFANG.TTF);}

@font-face{ font-family: PingFangSC-Medium; src: url(../fonts/PINGFANG%20MEDIUM.TTF);}

@font-face{ font-family: PingFangSC-Bold; src: url(../fonts/PINGFANG_BOLD.TTF);}
*/

@font-face{ font-family: "Franklin Gothic Demi";  src: url(../fonts/FRADM.TTF);}

@media (min-width:1601px){html{font-size:16px;}}

@media (min-width:1400px) and (max-width:1600px){html{font-size:15px;}}

@media (min-width:640px) and (max-width:1399px){html{font-size:14px;}}

@media (min-width:471px) and (max-width:639px){html{font-size:12px;}}

@media (min-width:329px) and (max-width:470px){html{font-size:11px;}}

@media (max-width:328px){html{font-size:10px;}}

@media (min-width: 768px)

{

}

@media (min-width: 992px)

{

}

@media (min-width: 1200px)

{

}

@media (min-width: 1280px)

{

}

@media (min-width: 1440px)

{

}

@media (min-width: 1660px)

{

}

@media screen and (min-width:1200px) and (max-width:1440px)

{

}

@media (max-width: 1660px)

{

#s_news .bd ul{ margin: 0 -1rem;}

#s_news .bd ul li{ padding: 0 1rem;}

#n_news .bd ul{ margin: 0 -1rem; margin-top: -2rem;}

#n_news .bd ul li{ padding: 0 1rem; margin-top: 2rem;}

}

@media (max-width: 1600px)

{

#nav ul li a{ padding: 0 1rem;}

#s_news .bd ul li .time{ height: 6.5rem;}

#s_news .bd ul li .txt hr{ display: none;}

#s_news .bd ul li .txt p{ margin-bottom: 1rem;}

#n_news .bd ul li .time{ height: 6.5rem;}

#n_news .bd ul li .txt hr{ display: none;}

#n_news .bd ul li .txt p{ margin-bottom: 1rem;}

}

.web{}

.wap{ display:none;}

@media (max-width: 1440px)

{

#s_news .bd ul{ margin: 0 -.75rem;}

#s_news .bd ul li{ padding: 0 .75rem;}

#n_news .bd ul{ margin: 0 -.75rem; margin-top: -2rem;}

#n_news .bd ul li{ padding: 0 .75rem; margin-top: 2rem;}
#s_video .txt{ padding-left: 11rem;}

}

@media (max-width: 1360px)

{

	#n_zizhi ul{ margin:0 -1rem; margin-top: -2rem;}

	#n_zizhi ul li{ padding:0 1rem; margin-top: 2rem;}

	#n_zizhi ul li .pic{ width: 16rem;}

	#n_zizhi ul li .txt{ width: calc(100% - 16rem);}

}

@media (max-width: 1280px)

{

#nav{ margin-right:1.5rem;}

#header{ display:none;}

#m_header{ display:block;}

#nav_btn_box{ display:block;}

	#n_liucheng2 ul li .txt i{ display: none;}

	#n_liucheng2 ul li .txt font{ width: 1.5rem; height: 1.5rem;}

}

@media (max-width: 1200px)

{

#nav{ margin-right:0;}

#nav ul li { margin: 0;}

#nav ul li a{ padding:0 .4rem;}

.m{ padding: 0 100px;}

#n_jiameng .img{ width: 25rem;}

#n_jiameng .txt{ width: calc(100% - 25rem);}

.n_nav ul li a{ padding: 0;}

#n_team ul li{ width: 33.333%;}

#n_shipin ul li{ width: 33.333%;}
#s_video .txt{ padding-left: 0;}
}

@media (max-width: 1100px)

{

	#n_zizhi ul li{width:100%;}

	#n_zizhi ul li .txt{ padding: 1rem;}
	#n_news_xq .left_con{ width: 100%; float: none; padding-left: 0;}
	#n_news_xq .right_con{ display: none;}
}

/*==========================导航和banner变成手机模式============================*/

@media (max-width: 992px)

{

.web{ display:none;}

.wap{ display:block;}

.n_shuzi ul li{ width: 33.333%;}

#n_liucheng ul{ margin: 0 -1rem; margin-top: -1rem;}

#n_liucheng ul li{ padding: 0 1rem; margin-top: 1rem;}

	#n_jiameng .img{ width: 25rem; float: left; margin: 0;}

	#n_jiameng .txt{ width: calc(100% - 25rem); position: static; float: right;}

	#n_news .bd ul li{ width: 50%;}

	#n_mendian ul li{ width: 50%;}

	#n_liucheng2 ul li .txt span{ font-size: 1.25rem;}

	#n_liucheng2 ul li .txt font{ margin: 3px auto;}

	#n_liucheng2 ul li .txt p{ display: none;}

	#n_liucheng2 ul li .txt h5{ font-size: 1rem;}

	

}

@media (min-width:481px) and (max-width:992px){ 

}

@media (max-width: 860px)

{

	#n_jiameng .img{ width: 100%; float: none; margin: 0;}

	#n_jiameng .txt{ width:100%; float: none; padding: 0; margin-top: 2.5rem;}

}

@media (max-width: 767px)

{

.xs_jianju{ margin-left:-3px !important; margin-right: -3px !important;}

.xs_jianju li{ padding-left:3px !important; padding-right:3px !important;}

.m{ padding: 0 30px;}

#banner .swiper-container{ height: 34vh;}

.s_jianjie{ width: 100%; float: none;}

.s_shuzi{ width: 100%; float: none; margin-top: 2rem;}

#s_rukou .tt{ display: none;}

#s_rukou .hd font img{ max-width: 2rem; max-height: 2rem;}

#s_rukou .hd ul li h3{ font-size: 1.5rem;}

#s_rukou .bd .img{ height: 47rem;}

.s_fuwu .txt{ width: 100%; float: none;}	

.s_fuwu ul{ width: 100%; float: none; margin-top: 3rem; margin-left: -1.625rem;}

#foot .left{ width: 100%; float: none;}

#foot .right{ width: 100%; float: none; max-width: inherit; margin-top: 1rem;}

.n_nav ul li{ line-height:2;}

.n_nav ul li a{padding: 1rem 2rem; }

.n_nav ul li font{ display:block; margin:0 auto; width: 1.2rem; height: 1.2rem; line-height:1.2rem;}

	#n_team ul li{ width: 50%;}

	#n_shipin ul li{ width: 50%;}

	#n_mendian ul li .txt p{ height: 6rem;}

	#n_lianxi .txt{ width:100%; float: none; }

	.n_map{ width:100%; position: static; height: 400px; border: 1px solid #ddd; border-top: 0;}
	#n_news_xq .left_con{ padding-left: 0;}
}

@media (max-width: 640px)

	{

	}

@media (max-width: 480px)

{

.pad_top{ padding-top:3rem;}

.pad_bot{ padding-bottom:3rem;}

.pad_aside{ padding-left:1rem; padding-right:1rem;}

.n_article .ar_article{ padding-bottom:10px !important;}

.ar_article table{ width:100% !important;}

.ar_article table td,.ar_article table th{ padding:3px 2px !important; font-size:10px !important; font-weight:normal !important; width:auto !important; height:auto !important;}

.ar_article table td *,.ar_article table th *{ padding:3px 2px !important; font-size:10px !important; font-weight:normal !important; padding:0 !important;}

.m{ padding: 0 15px;}

.draw_h { width: 40px !important; height:40px !important;line-height: 38px !important;}

#s_video .txt{ width:100%; float: none;}

.btn_play{ float:none; margin: 0 auto; margin-top: 3rem;}

#s_rukou .hd ul li{ height: 6rem;}

#s_rukou .hd ul li h3 font{ width: 6rem; height: 6rem; line-height: 6rem; }

#s_rukou .hd .jia { width: 6rem; height: 6rem; right: -6rem;}

#s_rukou .hd ul li:hover:before {right: -6rem;width: calc(100% + 6rem);}

#s_rukou .bd .img{ height: 33rem;}

#s_rukou .hd ul li h3{ border:0;}

.s_fuwu .txt .tt2{ margin-bottom: 2.5rem;}

.s_fuwu ul{ margin:0 -1px; overflow: hidden; margin-top: 2rem;}

.s_fuwu ul li{ padding: 0 1px;}

.s_fuwu ul li a{ padding-left:1rem; padding-right: 1rem;}

.s_fuwu ul li font{ height: 28px;}

.s_fuwu .txt font{ height:3rem;}

.btn_r{ width: 6.5rem; margin-left: 5px;}

#s_news .slick_btn>div{ margin-left: 3px;}

.tc_shipin{ height: 20rem;}

.tc_shipin .tc_close{ right: -1rem;}

#s_news .hd{ margin-bottom: 1.5rem;}

.n_nav_box .m{ padding: 0;}

.n_nav{ }

.n_nav ul li{ width: 20%;}

.n_nav ul li a{ padding:1rem;}

.n_nav_box:after{ display: none;}

.n_shuzi{ margin-top: 2rem; margin-bottom: 2rem;}

#n_fengcai_xq .hd ul li{ padding: 2px;}

#n_fengcai_xq .hd{ width: 100%; float: none; padding: 0; position: relative;}

#n_fengcai_xq .bd{ width: 100%; float: none; padding: 0;}

#n_fengcai_xq .bd:after{ display: none;}

#n_fengcai_xq .hd:after{ content: ""; display: block; width: 100%; height: 3rem; background: url(../images/fengcai_yingyin.png) center no-repeat; background-size: contain; position: absolute; left: 0; bottom: -2rem;}

	#n_liucheng ul li{ width: 50%;}

	#n_liucheng .n_tt{ margin-bottom: 2rem;}

	#n_news .bd ul li{ width: 100%;}

	#n_mendian .hd{ margin-bottom: 2rem;}

	#n_mendian .hd .tt{ float: none; text-align: center;}

	#dr_linkage_jiedao_select label{ width: 100%; padding-right: 0 !important;}

	.form_search .btn_anniu{ width: 100%;}

	#n_lianxi .txt{ padding: 3rem 2rem;    box-shadow: 1px 20px 23px 8px rgba( 109, 109, 109,.2 );}

	#n_lianxi ul li font img{ width: 1rem;}

	#n_licheng ul li .txt{ margin-left: 8.375rem;}

	#n_licheng ul li .year span{ right:1rem; font-size: 1.25rem;}

	#n_zizhi .img{ width: 20rem;}

	#n_zizhi .txt{ width: calc(100% - 20rem);}

	#n_liucheng2 ul li .txt h5{ font-size: .875rem;}

	#n_liucheng2 .n_tt{ margin-bottom: 2rem;}
	#n_news .bd ul li .txt .con{ padding-top: 1.5rem;}
	#n_banner{ height: 16rem;}
	#n_banner .txt span{ font-size: 2.25rem;}
	#n_about .con { font-size: 1rem;}
	.mendian_search{ float: none;}
	#n_about .con{ text-align: left;}
}